<template>
    <view class="rating-item">
        <div class="user-cover">
            <image src="" mode="heightFix"></image>
        </div>
        <div class="rating-detail">
            <div class="designer-name">
                设计师设计师
                <div class="good-type">购买衣服型号信息</div>
            </div>
            <div class="rating-t">
                设计好棒好棒好棒设计好棒好棒好棒棒好棒
                设计！！！设计好棒好棒好棒设计好棒好棒好棒棒好棒
                设计！！！设计好棒好棒好棒设计好棒好棒好棒棒好棒
                设计！！！设计好棒好棒好棒设计好棒好棒好棒棒好棒 设计！！！
            </div>
        </div>
        <div class="good-image">
            <image src="" mode="heightFix"></image>
        </div>
    </view>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.rating-item {
    display: flex;
    .user-cover {
        image {
            width: 60rpx;
            height: 60rpx;
            border-radius: 50%;
        }
    }
    .rating-detail {
        padding: 0 20rpx;
        .designer-name {
            display: flex;
            align-items: center;
            height: 38rpx;
            font-weight: 400;
            font-size: 28rpx;
            color: #222222;
            line-height: 38rpx;
            .good-type {
                height: 32rpx;
                font-weight: 400;
                font-size: 24rpx;
                color: #666666;
                line-height: 32rpx;
                padding: 0 15rpx;
            }
        }
        .rating-t {
            font-weight: 400;
            font-size: 24rpx;
            color: #222222;
            line-height: 34rpx;
            padding: 8rpx 0 0;
        }
    }
    .good-image {
        image {
            width: 110rpx;
            height: 110rpx;
            border-radius: 8rpx 8rpx 8rpx 8rpx;
        }
    }
}
</style>
